<template>
  <div id="app">
    <!--<div class="header">-->

    <!--</div>-->

    <router-view/>

  </div>
</template>
<script>
export default {
  name: 'App'
}
</script>

<style>

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  width: 100%;
  overflow: hidden;
  /*font-size: 12px;*/
  /*margin-top: 60px;*/
}


  header{
    color: #444 !important;
  }
header .mu-button{
    font-size: .24rem !important;
  }

.mu-appbar-title{
  font-size: 0.16rem !important;
}
.tabr {
/*  width: 100%;
  margin-right: auto;
  position: absolute;
  margin-left: auto;
  height: .56rem;
  bottom: 0;
  flex: 1;
  -webkit-flex: 1;*/
}
</style>
